<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/AdminLTE.css">
<link rel="stylesheet" href="css/admin.css">
<title>黑名单</title>
<section class="content-header">
<h1>
    黑名单
</h1>
<ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-home"></i>首页</a></li>
    <li class="active">黑名单</li>
</ol>
</section>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-header with-border">
                    <i class="glyphicon glyphicon-heart-empty"></i>
                    <h3 class="box-title">黑名单列表</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
                    </div>
                </div>
                <div class="box-body">
                    <div class="input-group input-group-sm" style="width:400px">
                        <input type="text" class="form-control" placeholder="输入关键字查找">
                        <span class="input-group-btn">
                          <button type="button" class="btn btn-info btn-flat">查找</button>
                        </span>
                    </div>
                    <br>
                    <table class="fans-list table table-hover table-striped table-bordered">
                        <thead>
                            <tr>
                              <th>用户头像</th>
                              <th>昵称</th>
                              <th>个性头像</th>
                              <th>自定义昵称</th>
                              <th>性别</th>
                              <th>城市</th>
                              <th>状态</th>
                              <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                              <td><img src="img/user3-128x128.jpg" alt="" class="user-img"></td>
                              <td>John Doe</td>
                              <td><img src="img/avatar2.png" alt="" class="user-i-img"></td>
                              <td>admin</td>
                              <td>女</td>
                              <td>深圳</td>
                              <td><span class="status"><i class="point"></i>关闭</span></td>
                                <td>
                                    <button class="btn btn-success btn-sm">移出黑名单</button>
                                </td>
                            </tr>
                            <tr>
                              <td><img src="img/user3-128x128.jpg" alt="" class="user-img"></td>
                              <td>John Doe</td>
                              <td><img src="img/avatar2.png" alt="" class="user-i-img"></td>
                              <td>admin</td>
                              <td>女</td>
                              <td>深圳</td>
                              <td><span class="status on"><i class="point on"></i>开启</span></td>
                                <td></td>
                                
                            </tr>
                        </tbody>
                    </table>
                    <div class="box-footer clearfix">
                      <ul class="pagination pagination-sm no-margin pull-right">
                        <li><a href="#">«</a></li>
                        <li><a href="#">1</a></li>
                        <li class="active"><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">»</a></li>
                      </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>